<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Contacto</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">   
		<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/cufon-replace.js" type="text/javascript"></script>
		<script src="js/NewsGoth_400.font.js" type="text/javascript"></script>
		<script src="js/NewsGoth_700.font.js" type="text/javascript"></script>
		<script src="js/Vegur_300.font.js" type="text/javascript"></script> 
		<script src="js/FF-cash.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/jquery.googlemaps1.01.js"></script>
		<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;hl=en&amp;sensor=true&amp;key=ABQIAAAAWCGzSMrk7YDL2KSdECDFthRCU6CW1wRB4NQsX5PSi053h5zzZhQIZ5ivn4VAQx53xyYuNrvkOmgO1w" type="text/javascript"></script>
		
		<script type="text/javascript">
			$(document).ready(function() {
			   $('#map_canvas').googleMaps({
				  latitude: 40.68221,
				  longitude: -73.971212,
						markers: {
						latitude: 	40.68221,
						longitude: -73.971212
					}
			   });
			});
		</script>
		<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
			</a>
		</div>
		<![endif]-->
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
		<![endif]-->
	</head>
	<body id="page5">
<!--==============================header=================================-->
		<header>
			<div class="main">
				<div class="wrapper">
					<h1>
						<a href="index.html">Twitbook</a>
						<strong>Creando Ideas</strong>
					</h1>
					<nav>
						<ul class="menu">
							<li><a href="index.html">Acerca De</a></li>
							<li><a href="services.html">Servicios</a></li>
							<li><a href="gallery.html">Portafolio</a></li>
							<li><a href="privacy.html">Privacy</a></li>
							<li><a class="active" href="contacts.html">Contactos</a></li>
						</ul>
					</nav>
				</div>
			</div><div class="ic"></div>
		</header>
<!--==============================content================================-->
		<section id="content">
			<div class="main">
				<div class="indent-left">
					<div class="wrapper">
						<article class="col-1">
							<h3>Nuestra Direccion</h3>
							<div class="p1">
								<iframe width="260" height="223" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/maps?q=-17.771497,-63.185807&amp;num=1&amp;ie=UTF8&amp;ll=-17.771497,-63.185807&amp;spn=0.002774,0.005284&amp;t=m&amp;z=14&amp;output=embed"></iframe><br /><small><a href="https://maps.google.es/maps?q=-17.771497,-63.185807&amp;num=1&amp;ie=UTF8&amp;ll=-17.771497,-63.185807&amp;spn=0.002774,0.005284&amp;t=m&amp;z=14&amp;source=embed" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
								<div class="clear"></div>
							</div>
							<dl>
								<dt>2do Anillo Frente Colegio La Salle,<br>Condiminio La Casona Piso 11 <br>Apart #1101.</dt>
								<dd><span>Telefono:</span>  +591 75696088</dd>
								<dd><span>Telefono:</span>  +591 77103211</dd>
								<dd><span>E-mail:</span> <a class="link-2" href="#">mail@demolink.org</a></dd>
							</dl>
						</article>
						<article class="col-2">
							<h3>Contactenos</h3>
							<form id="contact-form">
								<fieldset>
									<label>
										<input type="text" value="Name" onBlur="if(this.value=='') this.value='Name'" onFocus="if(this.value =='Name' ) this.value=''" />
									</label>
									<label>
									  <input type="text" value="Email" onBlur="if(this.value=='') this.value='Email'" onFocus="if(this.value =='Email' ) this.value=''" />
									</label>
									<label>
									  <input type="text" value="Phone" onBlur="if(this.value=='') this.value='Phone'" onFocus="if(this.value =='Phone' ) this.value=''" />
									</label>
									<textarea onBlur="if(this.value=='') this.value='Message'" onFocus="if(this.value =='Message' ) this.value=''">Message</textarea>
									<div class="buttons-wrapper">
										<a class="button" onClick="document.getElementById('contact-form').reset()">Limpiar</a>
										<a class="button" onClick="document.getElementById('contact-form').submit()">Enviar</a>
									</div>
								</fieldset>
							</form>
						</article>
					</div>
				</div>
			</div>
		</section>
<!--==============================footer=================================-->
		<footer>
			<div class="main">
				<div class="wrapper border-bot2 margin-bot">
					<article class="fcol-1">
						<div class="indent-left">
							<h3 class="color-1">Siguenos</h3>
							<ul class="list-services">
								<li><a href="#">Facebook</a></li>
								<li><a class="it-2" href="#">Twitter</a></li>
								<li><a class="it-3" href="#">Linked In</a></li>
								<li class="last-item"><a class="it-4" href="#">Del.ico.us</a></li>
							</ul>
						</div>
					</article>
					<article class="fcol-2">
						<h3 class="color-1">Nos Caracterizamos Por</h3>
						<p class="p3">El Secreto de Tu Exito esta en Ofrecer Calidad en Todos Nuestros Trabajos Realizados.<br>
							Mantener a Nuestro Clientes Conformes Con Nuestros Trabajos Realizados.</p>
					</article>
					<article class="fcol-3">
						<h3 class="color-1">Navegar</h3>
						<ul class="list-3">
							<li><a href="index.html">Acerca De</a></li>
							<li><a href="services.html">Servicios</a></li>
							<li><a href="gallery.html">Portafolio</a></li>
							<li><a href="privacy.html">Politicas</a></li>
							<li class="last-item"><a href="contacts.html">Contacto</a></li>
						</ul>
					</article>
				</div>
				<div class="aligncenter">
					Twitbook &copy; 2013 
				</div>
			</div>
		</footer>
		<script type="text/javascript"> Cufon.now(); </script>
	</body>
</html>
